<template>
  <div class="search-warp">
    <span class="search-label-warp">{{label}}：</span>
    <div class="search-input-warp">
      <slot></slot>
    </div>
  </div>
</template>

<script>
  export default {
    props: ['label']
  }
</script>
<style lang="less" scoped>
  @import "../../assets/less/color.less";
  .search-warp {
    display: inline-block;
    height: 44px;
    line-height: 40px;
    margin: 0 40px 15px 0;
    .search-label-warp {
      display: inline-block;
      font-size: 14px;
      line-height: 40px;
      width:100px;
    }
    .search-input-warp {
      display: inline-block;
      line-height: 40px;
    }
  }
</style>
